/**
 * structure.css
 *
 * description : Feuille de style 
 *
 * @package wotHub
 * @copyright christophe HEBET
 */

* {font-family: 'Roboto Condensed', sans-serif; font-weight:300; z-index:0;}
html{min-height:100%}
body { margin :0px; min-height:100%}

a:focus, 
a:focus img, 
input:focus, 
select:focus, 
textarea:focus {
		outline :1px solid #88271a ;
}

a img {border:0px}
a.skiplink {
		position:absolute;
		left:-999em
}

#main {
		
}

div#entete{height:50px;z-index:10; width:100%}

#navigation {
		height:50px; 
		display:table-cell;
		float:right;
		margin-top:-50px;
}

#navigation *{
        font-weight:300;
        font-size:16pt;
        z-index:10;
        }
        
#chemin {
		height:22px;
		margin-bottom:-10px; 
		padding-left:15px; 
		padding-top:4px;
		font-size:0.75em
}

#corps {
		padding:10px; 
}

#entete img#logo {
		margin:10px 0px 0px 10px; 
		border:0px
}

div#logo {
	max-height:50px;
	padding-left:15px
}
p.logo {padding:0px; margin:0px;
        margin-top:-8px;
        display:table-cell}
p.logo a {
		font-family : "Oswald"; 
		font-size :40px;
		text-transform:uppercase;
		text-decoration:none;
}

p.description {
        font-family:"Revalia";
        font-size:7pt;
        margin-left:100px;
        margin-top:-13px;
        height:5px
}

.cache {display:none}
}

#chemin a {
		text-decoration:none;
}

#chemin a:hover { 
		text-decoration:underline
}

#navigation h2 {
		font-weight:normal; 
		margin:0px; 
		position:absolute; 
		left:-999em;
}

#menu li ul li {
    	height:30px;
}

#menu li ul li a {
    	/*width:230px;*/
}

#menu, 
#menu ul { /* all lists */
    	padding: 0px;
    	margin: 0px 1px 0px 1px;
    	list-style: none;
    	line-height: 1;
}

#menu li ul ul { /*liste second niveau*/
    	margin-top: -30px;
}

#menu li.L0 , #menu li.L0 a{height:50px}

#menu li.L0.index {
	width:1px;
}

#menu li.L0.index.element_menu_actif a {
		background-color:transparent
}

#menu li.L0 a {
		font-size :0.8em; height:34px; text-decoration:none; display:block; padding:16px 25px 0px 25px
}

#menu  li.L0 {
		float: left;
    	padding: 0px 9px 0px 9px;
    	/*border-right:1px solid ;*/
}
/*#menu li.L0:first-Child {border-left:1px solid}*/


#menu li.L0 ul { /* second-level lists */
    	position: absolute;
    	margin-left:-10px;
    	width:144px;
    	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu li.L0 li a {
		padding: 5px 40px 0px 25px; height:25px
}

#menu li ul li a{height:30px; padding:0px}

#menu li:hover ul ul, 
#menu li.sfhover ul ul,
#menu li:hover ul ul ul, 
#menu li.sfhover ul ul ul {
    	left: -999em;
}

#menu li:hover ul, 
#menu li li:hover ul, 
#menu li.sfhover ul, 
#menu li li.sfhover ul { /* lists nested under hovered list items */
    	left: auto;
    	border-top-width:0px;
}

#menu li.L1:hover ul, 
#menu li.L1.sfhover ul ul {
		margin-left:144px; 
}

#menu li.L2:hover ul
{
        left:auto;
}

#menu ul ul li.sfhover ul {
    left:auto
}

#corps div.bloc {
		margin-bottom:5px
}

div.bloc div.titre {
    	background-color:#88271a;
    	color:white;
    	text-transform:uppercase;
    	font-weight:bold;
    	text-align:right;
    	border:0;
    	height:17px;
    	padding:0px 10px 4px 0px;
}

h1.titre_bloc, 
h2.titre_bloc {
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
    	border-top-left-radius: 4px;
    	border-top-right-radius: 4px;
    	background-color:#88271a;
    	text-align:right; 
    	padding-right:10px; 
    	color: #ffffff;
    	text-transform:uppercase;
    	margin-bottom:0px;
    	margin-top:0px;
}

h4 {
    	font-size :0.9em;
    	margin : 5px 0px 5px 0px    
}

div.bloc div.content {
		padding:10px;
		height:inherit;
		border:1px solid #BDBEBD;
		border-top:0px;
		background-color:white;
}

div.bloc div.content div.action {
		font-size :0.9em; 
		text-align:right; 
		margin-top:-10px;
		color:#214963
}

div.action p {
		margin:0px
}

div.action a {
		text-decoration:none
}

div.action a:hover {
		text-decoration:underline
}

div.action a.actif, #chemin a.actif {
		color:#88271A;
		font-weight:bold
}

div.bloc div.sanschapeau {
		border-top:1px solid #BDBEBD
}

#corps #ident {
		margin-bottom:15px;
		color:#214963
}

fieldset legend { 
		margin-left:-5px;
		padding:0px 5px 0px 5px; 
		border-top: 0px;
		font-size:0.9em
}
	
fieldset legend:first-letter {
		text-transform : uppercase
}

fieldset legend a {
		text-decoration:none; 
		color:inherit; 
		font-size:8pt; 
}

fieldset legend a:hover {
		text-decoration:underline
}

label {
		margin: 1px 15px 3px 2px;
		display:inline-block; 
		vertical-align:top;
}

label.erreur {
    color:#BE252B;
    font-weight:600  
}

em {
		font-size:0.9em
}

div.boutons {
		text-align:right; 
        padding-bottom:10px
}

table + div.boutons {
		margin-top:10px
}

div.boutons input {
		margin-left:10px
}

div.news {
		border-bottom:1px solid #D6DDE5; 
}

fieldset textarea {
		width:100%
}

input,select, 
textarea {
		border:1px solid #ADB6C6;
}

p input.text, 
p input[type="text"], 
select, 
textarea {
		background-color:white;
}

input[type="submit"],
input[type="reset"],
input[type="button"], 
input.submit,
input.reset, 
input.button {
		min-width:110px; 
}


input[type="checkbox"], 
input[type="radio"], 
input.checkbox,
input.radio {		
		width:18px; 
		padding:3px;
		padding-top:2px; 
		margin:auto; 
		margin-top:-1px; 
		border:0px 
}

p input[readonly="readonly"],
input[readonly="readonly"] {
		background-color:transparent; 
		border-width:0px; 
		font-weight:bold; 
		margin:1px;
}

textarea[readonly="readonly"]{
        background-color:#ddd
}

p.obligatoire input, 
p.obligatoire textarea {
		border-color:#000;
}

p.obligatoire label {
		font-weight:bold
}

form.actions {
		float:left;
}

input[type="submit"].action_supprimer, 
form.actions input.action_supprimer,
input[type="submit"].action_editer, 
form.actions input.action_editer,
input[type="submit"].action_ajouter, 
form.actions input.action_ajouter {
		min-width:18px;
		height:18px; 
		border:0px; 
		background-repeat: no-repeat;
		background-color:transparent; 
		color:transparent;
		cursor:pointer; 
		padding:1px; 
		font-size :0em
}

input[type="submit"].action_supprimer, 
form.actions input.action_supprimer {
		background-image:url(images/delete.png);
}

input[type="submit"].action_editer, 
form.actions input.action_editer {
		background-image:url(images/edit.png);
		min-width:20px;
}

input[type="submit"].action_ajouter, 
form.actions input.action_ajouter {
		background-image:url(images/add.png);
}

a.action_supprimer,
a.action_editer, 
a.action_ajouter {
		background-image:url(images/delete.png);
		background-repeat:no-repeat;
		border:0px; 
		color:transparent;
		padding-right:10px; 
}

a.action_editer {
		background-image:url(images/edit.png);
		padding-right:12px
}

a.action_ajouter {
		background-image:url(images/add.png);
		padding-right:22px;
		height:25px
} 

form.readonly p {
		font-size:0.7em;
}

p span {
		font-weight:bold; 
		font-size:1.1em
}

p div {
		border: 0px
}

p.date {
		color: #88271a;
		font-style: italic;
		margin: 0px;
		padding-bottom: 0px;
}

div.donnees {
		overflow-y:scroll; 
		max-height:15em; 
		border-bottom:1px solid #63829C;
		margin-bottom:7px;
}

div.titre_donnees {
        overflow-x:hidden; 
		overflow-y:scroll;
		height:auto;
}

div.titre_donnees table {
		width:100%; 
		font-size:0.8em; 
		background-color:#214963;
		border-spacing: 1px;
		border-collapse: separate;
}

div.donnees table, 
fieldset.donnees table, 
table.donnees {
		width:100%; 
		border:0px; 
		background-color:#133449;
		font-size:0.8em; 
		border-spacing: 1px;
		border-collapse: separate; 
		color:white; 		
}

fieldset.donnees table
{
   margin-bottom:15px;
}

table.tableaudonnees {
		border:0px; 
		border-spacing:1px;
		border-collapse: separate;
		color:white
}

.c5  {  width:5%  }
.c10 {  width:10% } 
.c15 {  width:15% }
.c20 {  width:20% } 
.c25 {  width:25% }
.c30 {  width:30% }
.c33 {  width:33% }
.c35 {  width:35% }
.c40 {  width:40% }
.c45 {  width:45% }
.c50 {  width:50% }
.c55 {  width:55% }
.c60 {  width:60% }
.c65 {  width:65% }
.c66 {  width:66% }
.c70 {  width:70% }
.c75 {  width:75% }
.c80 {  width:80% }
.c85 {  width:85% }
.c90 {  width:90% }
.c95 {  width:95% }
.c100 { width:100%}

div.c5,
div.c10,div.c15,
div.c20,div.c25,
div.c30,div.c33,div.c35,
div.c40,div.c45,
div.c50,div.c55,
div.c60,div.c65,div.c66,
div.c70,div.c75,
div.c80,div.c85,
div.c90,div.c95 {
		float:left; padding:0px!important
}

div.c100 {
		clear:left;padding:0px!important
}

div.c100 * {
		margin-top:0px
}

table.tableaudonnees a, 
table.donnees a {
		text-decoration:underline;
}

table.hover tr:hover, 
table.hover tr:hover, 
div table.hover tr:hover {
		background-color:#3B5A70; 
		color:#fff; 
}

td {
		padding:0px 5px 0px 5px
}

td.acentre input {
    text-align:center    
}

table.tableaudonnees caption, 
table.donnees caption, 
div.titre_donnees caption {
		text-align:left; 
		font-weight:bold; 
		color:#133449; 
		background-color:#fff
}

fieldset table.donnees caption { 
		background-color:#D6DFE7
}

.acentre {
		text-align:center
}

.adroite,
th.adroite {
		text-align:right; 
		padding-right:5px
}

.agauche,
th.agauche {
		text-align:left; 
		padding-left:5px
}

div.adroite, 
div.agauche {
		padding :0px
}

tr {
		
		color: #000
}

thead td, 
thead th, 
tfoot td, 
tfoot th, 
th {
		color :white
}

table.hover tr:hover a {
    color: white;
}

td.intercalaire {
		background-color:#FFFFFF; 
		height:10px
}

td.hauteur {
		vertical-align:top
}

div.content ul li {
		list-style-image: url(images/fleche.gif);
		color:#133449;
		font-size : 0.8em;
}

div.content ul li a {
		text-decoration:none; 
		color : #133449;
}

div.content ul li ul li {
		list-style-image: url(images/fleche2.gif);
		font-size :1em;
		color: #6a653c;
		margin-left:-20px;
}

div.content ul li ul li a {
		text-decoration:none;
		color:#6a653c;
}

div.content ul {
    	margin-bottom:10px;
}
	
div#erreur {
    	background-color:#be252b;
    	background-image: url(images/erreur.png);
}
    
div#information {
        background-color:#044973;
        background-image: url(images/info.png);    
}  

div#avertissement {
        background-color:#DEAA00;    
        background-image: url(images/avertissement.png);
}  
    
div#avertissement, 
div#information, 
div#erreur {
    	border:1px solid #c4c4c4; 
    	-moz-border-radius-topleft: 4px;
    	-moz-border-radius-bottomleft: 4px;
    	border-top-left-radius: 4px;
    	border-bottom-left-radius: 4px;
    	margin-bottom:5px;
    	padding-left : 25px;
    	min-height : 24px;
    	background-position: 1px 1px;
    	background-repeat: no-repeat;
}

div#erreur p, 
div#information p, 
div#avertissement p {
		background-color:#fff; 
		padding-left : 5px; 
		margin:0px; 
		min-height:19px; 
		padding-bottom:3px; 
}

div#erreur p.close, 
div#information p.close, 
div#avertissement p.close {
    	font-size: 0.6em;
    	min-height: 12px; 
    	text-align:right; 
    	padding-right: 10px; 
    	margin-top:-17px; 
    	background-color:white;
}

div#erreur p span,
div#information p span,
div#alerte p span {font-weight:normal; font-style:italic; color:#133449; font-size:1em}

div#MesuresPerf {position:absolute; top:0px; left:1250px; background-color:#FF7400; border:1px inset #b4b4b4; opacity:0.55}
div#MesuresPerf p{min-height:10px;font-size:8pt; margin:0px;}